<template>
	<view >
		<carHeader :title="'核销记录'"></carHeader>
		<view class="input">
			 <u--input class="shuru"
			    placeholder="请输入需要搜索的内容"
			    border="surround"
			    v-model="value"
			    @change="change"
			  >
			  </u--input>
			  <image class="img1" src="../../static/车联网服务商家端-03核销记录_slices/搜索.png"></image>
			 
		</view>
		<view class="block">
			<view class="one" v-for="(item,index) in orderList" :key="index">
				<view class="text1">普通洗车、机油、工时</view>
				<view class="xian"></view>
				<view class="text2">下单用户：{{item.user.uName}}</view>
				<view class="text3">实付金额：￥{{item.serviceList[0].newPrice}}</view>
				<view class="text4">核销时间：{{item.ddHexiaoTime}}</view>
			</view>
		</view>
		
		
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				orderList:[],
			}
		},
		created() {
			this.getApp()
		},
		methods: {
			getApp(){
				uni.request({
									url: 'http://localhost:8080/shop/hexiao/list1',
									method: 'POST',
									data: {
										status:2
									},
									success: (res) => {
										this.orderList = res.data.rows;
										console.log(this.orderList)
									},
								});
			},
		}
	}
</script>

<style lang="scss">
		
	.block{
		width: 100%;
		margin-top: -100rpx;
	}
	.one{
		width: 80%;
		height: 300rpx;
		margin: 0 auto;
		background-color: white;
		// position: absolute;
		// top: 250rpx;
		// left: 70rpx;
		border-radius: 10px;
		.xian{
			height: 10px;
			width: 80%;
			background-color: #f5f5f5;
			margin-left: 60rpx;
		}
		.text1{
			margin-left: 60rpx;
			margin-top: 20rpx;
			font-size: 35rpx;
			font-weight: 600;
		}
		.text2{
			margin-left: 60rpx;
			margin-top: 20rpx;
			font-size: 30rpx;
		}
		.text3{
			margin-left: 60rpx;
			margin-top: 20rpx;
			font-size: 30rpx;
		}
		.text4{
			margin-left: 60rpx;
			margin-top: 20rpx;
			color: gray;
		}
	}
	.input{
		.shuru{
			position: absolute;
			top: 100rpx;
			background-color: white;
			left: 120rpx;
			border-radius: 20px;
			width: 500rpx;
			
		}
		.img1{
			width: 30rpx;
			height: 30rpx;
			position: absolute;
			top: 125rpx;
			right: 120rpx;
		}
		
	}
	


</style>
